<?php
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <?php $this->load->view('head'); ?>
            <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
            <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
            <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
            <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
            <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
            <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
            <style type="text/css">
                .claseno{color:red}
                .ui-jqgrid tr.jqgrow td {
                    white-space: normal !important;
                    height:auto;
                    vertical-align:text-top;
                    padding-top:2px;
                }
            </style>
            <title></title>
            <script type="text/javascript">
                $(document).ready(function(){
                    $("#fecIniCrea").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                    $("#fecFinCrea").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                    jQuery("#list").jqGrid({
                        url: '<?php echo site_url("grilla/reportaPersonaContra/"); ?>',
                        datatype: 'json',
                        mtype: 'POST',
                        colNames:['Empleado','HistoriaLab','TipDoc','Documento','Nombres','Apellidos','Genero','Estrato','EsatadoCivil','Institución'],
                        colModel :[
                            {name:'accion',index:'accion', width:90,editable:false,align:"center",sortable:false,search:false},
                            {name:'accion1',index:'accion1', width:100,editable:false,align:"center",sortable:false,search:false},
                            {name:'tipDoc',index:'per.personaTipoDocumento', width:70,editable:false},
                            {name:'Documento',index:'per.personaDocumento', width:130,editable:false},
                            {name:'Nombres',index:'per.personaNombres', width:130,editable:false},
                            {name:'Apellidos',index:'per.personaApellidos', width:130,editable:false},
                            {name:'ofertaLaboralEstado',index:'per.personaGenero', width:60,editable:false},
                            {name:'ofertaLaboralEstado',index:'per.personaEstrato', width:60,editable:false,hidden:true},
                            {name:'ofertaLaboralEstado',index:'per.personaEstadoCivil', width:110,editable:false,hidden:true},
                            {name:'ofertaLaboralEstado',index:'insti.institucionRazon', width:190,editable:false}
                        ],
                        loadComplete: function(){
                            var ids = jQuery("#list").getDataIDs();
                            for(var i=0;i<ids.length;i++){
                                var cl = ids[i];
                                var se = "<input type='button' onclick=\"fnAbreVentana('" + cl + "','PER');\" tittle='De click para visualizar la persona' value='Consultar'/>";
                                jQuery("#list").setRowData(cl,{accion:se});
                                se = "<input type='button' onclick=\"fnAbreVentana('" + cl + "','HIS');\" tittle='De click para consultar el historial laboral del empleado' value='Ver'/>";
                                jQuery("#list").setRowData(cl,{accion1:se});
                            }
                        },
                        pager: jQuery('#pager'),
                        rowNum:50,
                        rowList:[10,20,30,50],
                        sortname: 'per.personaNombres',
                        sortorder: "asc",
                        viewrecords: true,
                        caption: 'PERSONAL CONTRATADO',
                        height:260
                    });
                    //Barra de navegación
                    jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
                    $("#btnGuardar").click(function(){
                        jQuery("#list").jqGrid('setGridParam',{url: "<?php echo site_url("grilla/reportaPersonaContra/"); ?>" + "/" + $("#fecIniCrea").val() + "/" + $("#fecFinCrea").val() + "/" + $("#insti").val()}).trigger('reloadGrid');
                        $("#formExperiencia").trigger('reset');
                        $("#divBusAvanzada").css("display", "block");
                    });
                    <?php $this->load->view('enReady'); ?>
                }); //fin document
                function fnAbreVentana (pid,opc){

                    if(opc == "PER") window.open("<?php echo site_url("empresa/consulta/4") . "/"; ?>" + pid + "/conID", "Persona", "width=1300,height=500,scrollbars=YES");
                    else{
                        var ret = jQuery("#list").getRowData(pid);
                        var envia = ret.tipDoc + "|" + ret.Documento + "|" + ret.Nombres + "|" + ret.Apellidos;
                        if(opc == "HIS") window.open("<?php echo site_url("reporteEmpresa/consHistorico/") . "/"; ?>" + pid + "/" + encodeURI(envia), "Persona", "width=1300,height=500,scrollbars=YES");
                    }
                }
            </script>
    </head>
    <body>
        <form id="formExperiencia" action="<?php echo site_url("reporteEmpresa/ofertLab/$programaId"); ?>" method="post" >
            <div class="divTitulo">REPORTE DE PERSONAS CONTRATADAS</div>
            <table>
                <tr>
                    <td><label for="fecIniCrea">Fecha de Creación Inicial</label></td>
                    <td><input type="text" id="fecIniCrea" name="fecIniCrea" title="Fecha inicial de crecación de la oferta" size="9" /></td>
                    <td><label for="fecFinCrea">Fecha de Creación Final</label></td>
                    <td><input type="text" id="fecFinCrea" name="fecFinCrea" title="Fecha final de crecación de la oferta" size="9" /></td>
                </tr>
                <tr>
                    <td><label for="cargo">Instituciones</label></td>
                    <td colspan="3"><select name="insti" id="insti">
                            <option value="">Todas</option>
                            <?php
                            foreach ($instituciones->result() as $row) {
                                echo "<option value='{$row->institucionId}'>{$row->institucionRazon}</option>";
                            }
                            ?>
                        </select>

                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">
                        <input type="button" value="Consultar" id="btnGuardar" />
                        <input type="button" value="Limpiar" onclick="return fnReset();" />
                    </td>
                </tr>
            </table>
        </form>
        <div id="divBusAvanzada" style="display: none">
            <input type="button" value="BUSQUEDA AVANZADA" onclick="jQuery('#list').jqGrid('searchGrid',{multipleSearch:true});" />
            <input type="button" value="VER SELECCIÓN" onclick="$('#view_list').trigger('click');" />
        </div>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>